import React from 'react';
import Footer from '../../components/footer/footer';
import '../Discover/discover.css'
import { Carousel } from 'antd';
const data = [
  { key: 1, projectName: '平板杠铃卧推', num: '12' },
  { key: 2, projectName: '平板杠铃卧推', num: '12' },
  { key: 3, projectName: '平板杠铃卧推', num: '12' },
  { key: 4, projectName: '平板杠铃卧推', num: '12' },
  { key: 5, projectName: '平板杠铃卧推', num: '12' }
]
function discover() {
  return (
    <div className="discover">
      <div className='bodytop'>
        <Carousel autoplay style={{ height: '20vh' }} dots={false}>
          <div className='imgback'>
            {/* <h3 style={contentStyle}>1</h3> */}
          </div>
          <div className='imgback'>
            {/* <h3 style={contentStyle}>2</h3> */}
          </div >
          <div className='imgback'>
            {/* <h3 style={contentStyle}>3</h3> */}
          </div>
          <div className='imgback'>
            {/* <h3 style={contentStyle}>4</h3> */}
          </div>
        </Carousel>
      </div>
      <div className='bodybottm'>
        {
          data.map((item, index) => (
            <div className='databody'>
              <div className='databodyDiv'>{item.projectName}</div>
              <div className='databodyDiv'>{item.num}个<span style={{ color: 'white', float: 'right' }}>...进行中</span></div>
            </div>
          ))
        }
      </div>
      <Footer />
    </div>
  );
}

export default discover;
